<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorator="layout/blank"><!-- layout文件路径-->
<head>
    <title>首页</title>
</head>
<body>
<div layout:fragment="content">
    <br/>
    <div class="row">
        <div class="col-md-4">
            <a href="/movie/list" class="tile tile-warning">
                <span  th:text="${movieCount}"> 0</span>
                <p>部电影</p>
                <div class="informer informer-default"><span class="fa fa-video-camera"></span></div>
            </a>
        </div>
        <div class="col-md-4">
            <a href="/customer/list" class="tile tile-danger">
                <span  th:text="${customerCount}"> 0</span>
                <p>用户</p>
                <div class="informer informer-default"><span class="fa fa-users"></span></div>
            </a>
        </div>
        <div class="col-md-4">
            <a href="/customer/list" class="tile tile-success" >
                <span th:text="${payedCustomerCount}">0</span>
                <p>付费用户</p>
                <div class="informer informer-default"><span class="fa fa-users"></span></div>
            </a>
        </div>
    </div>
    <div class="row">
        <div class="col-md-4">
            <a href="/order/list" class="tile tile-info" >
                ￥<span th:text="${orderAmount}">0</span>
                <p>订单金额</p>
                <div class="informer informer-default"><span class="fa fa-money"></span></div>
            </a>
        </div>
        <div class="col-md-4">
            <a href="/order/list" class="tile tile-default">
                <span th:text="${orderCount}">0</span>
                <p>订单</p>
                <div class="informer informer-danger "><span class="fa fa-list-alt"></span></div>
            </a>
        </div>
        <div class="col-md-4">
            <a href="#" class="tile tile-primary">
                <span th:text="${siteCount}">0</span>
                <p>个域名</p>
                <div class="informer informer-default"><span class="fa fa-sitemap"></span></div>
            </a>
        </div>
    </div>
    <div class="row">

            <div class="col-md-6">

                <!-- CONTACT LIST WIDGET -->
                <div class="panel panel-default">
                    <div class="panel-heading ui-draggable-handle">
                        <h3 class="panel-title">付费榜</h3>
                    </div>
                    <div class="panel-body list-group list-group-contacts">
                        <a href="#" class="list-group-item" th:each="entity : ${mostPaidUser}">
                            <div class="list-group-status" th:text="${entityStat.index+1}"></div>
                            <span class="contacts-title" th:text="${entity.username}"></span>
                            <p th:text="${entity.money}"></p>
                        </a>
                    </div>
                </div>
                <!-- END CONTACT LIST WIDGET -->

            </div>

        <div class="col-md-6">

            <!-- CONTACT LIST WIDGET -->
            <div class="panel panel-default">
                <div class="panel-heading ui-draggable-handle">
                    <h3 class="panel-title">畅销榜</h3>
                </div>
                <div class="panel-body list-group list-group-contacts">
                    <a href="#" class="list-group-item" th:each="entity : ${bestSellingList}">
                        <div class="list-group-status" th:text="${entityStat.index+1}"></div>
                        <!--<img class="pull-left" th:src="${entity.logo}"/>-->
                        <span class="contacts-title" th:text="${entity.movie_name}"></span>
                        <p th:text="${entity.money}"></p>
                    </a>
                </div>
            </div>
            <!-- END CONTACT LIST WIDGET -->

        </div>
    </div>
</div>
</body>
</html>